import React from "./core/React.js";
function Foo() {
  const [count, setCount] = React.useState(10);
  const [bar, setBar] = React.useState("bar");
  function handleClick() {
    setCount((c) => c + 1);
    setBar((b) => "bar");
  }
  return (
    <div>
      foo count: {count}
      <p>{bar}</p>
      <div>
        <button onClick={handleClick}>click</button>
      </div>
    </div>
  );
}
function App() {
  const [x, setX] = React.useState(100);
  return (
    <div id="app">
      mini-react-app {x}
      <button onClick={() => setX(1000)}>setX</button>
      <Foo></Foo>
    </div>
  );
}
export default App;
